<% 
//下载APP 
layout("/inc/layout.html",{
 title:'申请详情 - 工商申请 - 智慧洛龙',
keywords:'工商申请,智慧洛龙', 
description:'工商申请,智慧洛龙', 
style:'index.css' 
}){ %>
<section class="container mt15">
	<div class="row">
		<div class="panel panel-info">
			<div class="panel-heading text-left">
				<b>食药申请详情</b>
			</div>
			<div class="panel-body">
				<div class="tabs-container" id="tabs-container">
					<ul class="nav nav-tabs">
						<li class="active"><a data-toggle="tab" href="#tab-1"
							aria-expanded="true"> 基本信息</a></li>
						<li class=""><a data-toggle="tab" href="#tab-2"
							aria-expanded="false">代办人信息</a></li>
						<li class=""><a data-toggle="tab" href="#tab-3"
							aria-expanded="false">法人信息</a></li>
						<li class=""><a data-toggle="tab" href="#tab-4"
							aria-expanded="false">卫生许可申请表</a></li>
						<li class=""><a data-toggle="tab" href="#tab-5"
							aria-expanded="false">从业人员信息</a></li>
						<li class=""><a data-toggle="tab" href="#tab-6"
							aria-expanded="false">设备信息</a></li>
						<li class=""><a data-toggle="tab" href="#tab-7"
							aria-expanded="false">审批信息</a></li>
					</ul>
					<div class="tab-content">
						<div id="tab-1" class="tab-pane active">
							<div class="panel-body col-sm-offset-1 col-sm-9">
								<form class="form-horizontal col-sm-offset-1" role="form">

									<!--<legend>公司基本信息</legend>-->
									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">企业名称：</label>
										<div class="col-sm-10">
											<div class="input-group col-sm-4">
												<input id="companyName" name="companyName"
													class="form-control" type="text" value="${companyName}"
													disabled>
											</div>
										</div>
									</div>

									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">营业执照：</label>
										<div class="col-sm-10" id="fooddrugBrandList">
											<% if(isNotEmpty(companyLicenseList)){ for(companyLicensepic
											in companyLicenseList){ %>
											<div class="col-sm-2">
												<img
													src="${uploaderFilesDomain!}${companyLicensepic!'/static/images/nopic.jpg'}"
													class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
											</div>
											<% } } %>
										</div>
									</div>


									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">租赁合同：</label>
										<div class="col-sm-10" id="fooddrugBrandList">
											<% if(isNotEmpty(rentalContractList)){ for(rentalContractpic
											in rentalContractList){ %>
											<div class="col-sm-2">
												<img
													src="${uploaderFilesDomain!}${rentalContractpic!'/static/images/nopic.jpg'}"
													class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
											</div>
											<% } } %>
										</div>
									</div>

									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">布&nbsp;
											局&nbsp; 图：</label>
										<div class="col-sm-10" id="fooddrugBrandList">
											<% if(isNotEmpty(layoutList)){ for(layoutpic in layoutList){
											%>
											<div class="col-sm-2">
												<img
													src="${uploaderFilesDomain!}${layoutpic!'/static/images/nopic.jpg'}"
													class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
											</div>
											<% } } %>
										</div>
									</div>

									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">操作流程：</label>
										<div class="col-sm-10" id="fooddrugBrandList">
											<% if(isNotEmpty(operatingProceduresList)){
											for(operatingProcedurespic in operatingProceduresList){ %>
											<div class="col-sm-2">
												<img
													src="${uploaderFilesDomain!}${operatingProcedurespic!'/static/images/nopic.jpg'}"
													class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
											</div>
											<% } } %>
										</div>
									</div>


									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">方&nbsp;
											位&nbsp; 图：</label>
										<div class="col-sm-10" id="fooddrugBrandList">
											<% if(isNotEmpty(orientationMapList)){ for(orientationMappic
											in orientationMapList){ %>
											<div class="col-sm-2">
												<img
													src="${uploaderFilesDomain!}${orientationMappic!'/static/images/nopic.jpg'}"
													class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
											</div>
											<% } } %>
										</div>
									</div>
								</form>


							</div>
						</div>
						
						<div id="tab-2" class="tab-pane">
							<div class="panel-body table-responsive">
								<table class="table table-hover table-bordered">
									<thead>
										<tr>
											<th width="10%">身份</th>
											<th width="10%">姓名</th>
											<th width="10%">电话</th>
											<th width="10%">邮箱</th>
											<th width="5%">证件类型</th>
											<th width="10%">证件号码</th>
											<th width="10%">证件照</th>
										</tr>
									</thead>
									<tbody>

										<% if(isNotEmpty(agentList)){ for(agent in agentList){ %>

										<tr>
											<td>${decode(agent.role,1,'经办人',2,'法人',3,'从业人员',4,'其他人员','')}</td>
											<td>${agent.name}</td>
											<td>${agent.phone}</td>
											<td>${agent.email}</td>
											<td>${decode(agent.cardType,1,'身份证',2,'营业执照',3,'其他有效证件','身份证')}</td>
											<td>${agent.cardNumber}</td>
											<td class="IDcard">
												<div class="col-sm-6">
													<img
														src="${uploaderFilesDomain!}${agent.cardFrontPicture!'/static/images/nopic.jpg'}"
														class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
												</div>
												<div class="col-sm-6">
													<img
														src="${uploaderFilesDomain!}${agent.cardBackPicture!'/static/images/nopic.jpg'}"
														class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
												</div>
											</td>

										</tr>
										<% } } %>
									</tbody>
								</table>
							</div>
						</div>

						<div id="tab-3" class="tab-pane">
							<div class="panel-body table-responsive">
								<table class="table table-hover table-bordered">
									<thead>
										<tr>
											<th width="10%">身份</th>
											<th width="10%">姓名</th>
											<th width="10%">电话</th>
											<th width="10%">邮箱</th>
											<th width="5%">证件类型</th>
											<th width="10%">证件号码</th>
											<th width="10%">证件照</th>
										</tr>
									</thead>
									<tbody>

										<% if(isNotEmpty(legalList)){ for(legal in legalList){ %>

										<tr>
											<td>${decode(legal.role,1,'经办人',2,'法人',3,'从业人员',4,'其他人员','')}</td>
											<td>${legal.name}</td>
											<td>${legal.phone}</td>
											<td>${legal.email}</td>
											<td>${decode(legal.cardType,1,'身份证',2,'营业执照',3,'其他有效证件','身份证')}</td>
											<td>${legal.cardNumber}</td>
											<td class="IDcard">
												<div class="col-sm-6">
													<img
														src="${uploaderFilesDomain!}${legal.cardFrontPicture!'/static/images/nopic.jpg'}"
														class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
												</div>
												<div class="col-sm-6">
													<img
														src="${uploaderFilesDomain!}${legal.cardBackPicture!'/static/images/nopic.jpg'}"
														class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
												</div>
											</td>

										</tr>
										<% } } %>
									</tbody>
								</table>
							</div>
						</div>

						<div id="tab-4" class="tab-pane">
							<div class="panel-body table-responsive">
								<form class="form-horizontal col-sm-offset-1" role="form">

									<!--<legend>公司基本信息</legend>-->
									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">经营场所：</label>
										<div class="col-sm-10">
											<div class="input-group col-sm-4">
												<input id="companyName" name="license.premises"
													class="form-control" type="text"
													value="${license.premises}" disabled>
											</div>
										</div>
									</div>

									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">经营面积：</label>
										<div class="col-sm-10" id="fooddrugBrandList">
											<div class="input-group col-sm-4">
												<input id="companyName" name="license.businessArea"
													class="form-control" type="text"
													value="${license.businessArea}" disabled> <span
													class="input-group-addon">平方米</span>
											</div>
										</div>
									</div>


									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">经济性质：</label>
										<div class="col-sm-10" id="fooddrugBrandList">
											<div class="input-group col-sm-4">
												<input id="companyName" name="license.businessNature"
													class="form-control" type="text"
													value="${decode(license.businessNature,1,'企业',2,'个体工商户',3,'农村合作社',4,'其他','')}"
													disabled>
											</div>
										</div>
									</div>

									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">主体业态：</label>
										<div class="col-sm-10" id="fooddrugBrandList">
											<div class="input-group col-sm-4">
												<input id="companyName" name="license.subjectFormats"
													class="form-control" type="text"
													value="${decode(license.subjectFormats,1,'食品销售经营者',2,'餐饮服务经营者',3,'单位食堂','')}"
													disabled>
											</div>
										</div>
									</div>

									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">经营类别：</label>
										<div class="col-sm-10" id="fooddrugBrandList">
											<% for(cate in businessCategoryList){
											if(license.businessCategory==cate.key){ %>
											<div class="input-group col-sm-4">
												<input id="subjectFormats" name="license.subjectFormats"
													class="form-control" type="text" value="${cate.text}"
													disabled>
											</div>
											<%}}%>
										</div>
									</div>
									<div class="form-group">
										<label for="companyName" class="control-label-info pull-left">经营项目：</label>
										<div class="col-sm-10" id="fooddrugBrandList">
											<% if(isNotEmpty(businessProjectMap)){for(project in
											businessProjectMap){ %>
											<div class="input-group col-sm-8">
												<label>${project.value}</label>
											</div>
											<%}}%>
										</div>
									</div>
							</form>
							</div>
						</div>

					
					
					<div id="tab-5" class="tab-pane">
						<div class="panel-body table-responsive">
							<table class="table table-hover table-bordered">
								<thead>
									<tr>
										<th width="10%">身份</th>
										<th width="10%">姓名</th>
										<th width="10%">电话</th>
										<th width="10%">职务</th>
										<th width="5%">证件类型</th>
										<th width="10%">证件号码</th>
										<th width="10%">健康证照</th>
									</tr>
								</thead>
								<tbody>

									<% if(isNotEmpty(employeeList)){ for(employee in employeeList){
									%>

									<tr>
										<td>${decode(employee.role,1,'经办人',2,'法人',3,'从业人员',4,'其他人员','')}</td>
										<td>${employee.name}</td>
										<td>${employee.phone}</td>
										<td>${decode(employee.job,1,'食品安全技术人员',2,'食品安全管理人员',3,'其他人员','未知')}</td>
										<td>${decode(employee.cardType,1,'身份证',2,'营业执照',3,'其他有效证件','身份证')}</td>
										<td>${employee.cardNumber}</td>
										<td class="IDcard">
											<div class="col-sm-6">
												<img
													src="${uploaderFilesDomain!}${employee.healthCertPicture!'/static/images/nopic.jpg'}"
													class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
											</div>

										</td>
										

									</tr>
									<% } } %>
								</tbody>
							</table>
						</div>
					</div>


					<div id="tab-6" class="tab-pane">
						<div class="panel-body table-responsive">
							<table class="table table-hover table-bordered">
								<thead>
									<tr>
										<th width="10%">设备名称</th>
										<th width="10%">设备数量</th>
										<th width="10%">设备位置</th>
									</tr>
								</thead>
								<tbody>
									<% if(isNotEmpty(deviceList)){ for(device in deviceList){ %>
									<tr>
										<td>${device.deviceName}</td>
										<td>${device.number}</td>
										<td>${device.site}</td>
										<% } } %>
								</tbody>
							</table>
						</div>
					</div>
					
					   <div id="tab-7" class="tab-pane">
                            <div class="panel-body table-responsive">
                                <table class="table table-hover table-bordered">
                                    <thead>
                                    <tr>
                                        <th width="15%">审批时间</th>
                                        <th width="15%">审批人</th>
                                        <th width="10%">状态</th>
                                        <th width="60%">消息</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(flowProcessList)){
                                    for(process in flowProcessList){
                                    %>
                                    <tr>
                                        <td class="text text-center">${process.updateTime,"yyyy-MM-dd HH:mm:ss"}</td>
                                        <td>${process.auditorNickName!'-'}</td>
                                        <td>${webUtil.companyItemStatus(process.auditStatus!0)}</td>
                                        <td>${process.message}</td>
                                    </tr>
                                    <%
                                    }
                                    }else{
                                    %>
                                    <tr>
                                        <td colspan="4" class="text-center text-muted">暂无数据</td>
                                    </tr>
                                    <%
                                    }
                                    %>
                                    </tbody>
                                </table>
                            </div>
                        </div>
					
					

			</div>
			</div>
			</div>

			<div class="panel-footer">
				<div class="col-sm-offset-4 clearfix">
					<div class="mt5 mb5 block col-sm-4">
						<a href="/user/transact" class="btn btn-success btn-lg btn-block">返回列表</a>
					</div>
				</div>
			</div>

		</div>
	</div>
</section>
<% } %>
<script>
    require(['modules/company_apply'], function (apply) {
        apply.success();
    });
</script>
</body>
</html>